    <!-- ===================== Modal ===================== -->
    <div id="modal" class="modal fade hide">
      <div class="modal-header">
          <span id="modal_title"></span>
        <button type="button" class="close" data-dismiss="modal">x</button>        
      </div>
      <div class="modal-body">
		<form class="well form-horizontal modal-form">
		<ul class="nav nav-tabs tab_styled_light">
		  <li class="active"><a href="#tab1" data-toggle="tab"><?=lang('group')?></a></li>
		  <li><a href="#tab2" data-toggle="tab"><?=lang('group_permission')?></a></li>
		</ul>
		
		<div class="tab-content tab_content_light">
		  <div id="tab1" class="tab-pane active">
			  <fieldset>
				<div class="control-group">
				  <label class="control-label" for="name"><?=lang('group_name')?></label>
				  <div class="controls">
					<input type="text" class="input-xlarge" id="name"><span></span>
				  </div>
				</div>
				<div class="control-group">
				  <label class="control-label" for="description"><?=lang('group_desc')?></label>
				  <div class="controls">
					<textarea id="description" class="input-xlarge"></textarea><span></span>
				  </div>
				</div>
			  </fieldset>
		  
		  </div>
		  <div id="tab2" class="tab-pane fade">
			<label class="checkbox">
				<input type="checkbox"> Check me out
			</label>
		  </div>
		</div>
		</form>
      </div>
      <div class="modal-footer">  
          <button class="btn btn-success" id="modal_ok"><?=lang('ok')?></button>
          <button class="btn" id="modal_cancel"><?=lang('cancel')?></button>
      </div>
    </div>  
